<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body style="height: 1000px;">
    <script>    
        // 当滚动条滚动时触发
        window.onscroll = function(e) {
            console.log(e);
            console.log(window.pageXOffset + " " + window.pageYOffset);
        }


        //load 事件
        // 当页面所有东西都下载完，整个页面全部就绪之后（页面自动的过程都结束之后）才会触发
        // load 可以提醒什么时候就绪
        window.onload = function(e) {
            console.log(e);
            var div = document.getElementsByTagName('div')[0];
            console.log(div);
        }
        

    </script>
    <div></div>
</body>
</html>